<template>
  <div class="rightBodyContent">
    <div style="padding-top:20px;">
      <el-tabs type="border-card" v-model="activeName">
        <el-tab-pane name="classify">
          <span slot="label"><i class="el-icon-date"></i> 异常事项</span>
          <deviceList v-if="activeName=='classify'"></deviceList>
        </el-tab-pane>
        <el-tab-pane name="archives">
          <span slot="label"><i class="el-icon-folder-opened"></i> 异常档案</span>
          <studentCase v-if="activeName=='archives'"></studentCase>
        </el-tab-pane>
        <el-tab-pane name="timeCase">
          <span slot="label"><i class="el-icon-folder-opened"></i> 临时异常</span>
          <timeCase v-if="activeName=='timeCase'"></timeCase>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import deviceList from './list'
import studentCase from './studentCase'
import timeCase from "./timeCase";
export default {
  components: {
    deviceList,
    studentCase,
    timeCase
  },
  data() {
    return {
      activeName:'classify'
    }
  },
  created() {
  },
  methods: {},
  mounted() {
  }
}
</script>
